<style type="text/css">
table.edit {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}
table.edit td {
	border-width: 1px;
	padding: 2px;
	border-style: dashed;
	border-color: gray;
	background-color: white;
}

.tfocus{
background-color: lightyellow;
}
.tblur{
background-color: #FFFFFF;
}
input:focus
{
background-color: lightyellow;
}
.showuser{
	border:1px solid #999966;
	color: #333333; 
	background: #F8F8F7; 
}
.butlink{
	border:1px solid #999966;
	color: #FFFFFF;
	font-size:10pt;
	font-weight:bold;
	background: #3366ff;
	margin:0px;
	padding:2px 10px 2px 10px;
	text-decoration:none;
}
</style>
<table border='0' cellspacing='0' cellpadding='0' class='edit'>
		  <tr>
			<td colspan='3'><div align='center'><strong><small>รายละเอียดของผู้ใช้</small></strong></div></td>
		  </tr>
		  <tr>
			<td><div align='right'><small>ชื่อ - นามสกุล :
			  <input name='name' type='text' id='name' value='$arr[name]' class='showuser' onFocus=\"javascript:document.getElementById('name').className='tfocus'\" onBlur=\"javascript:document.getElementById('name').className='showuser'\"> 
		    </small></div></td>
		  <td><div align='left' style='padding-left:10px;'><small>หน่วยงาน :
		    <input name='office' type='text' id='office' value='$arr[office]' size='20' class='showuser' onFocus=\"javascript:document.getElementById('office').className='tfocus'\" onBlur=\"javascript:document.getElementById('office').className='showuser'\">
          </small></div></td>
		    <td style='padding-left:10px;'><small> โทรศัพท์ :
		      <input name='tel' type='text' id='tel' value='$arr[tel]' size='20' class='showuser' onFocus=\"javascript:document.getElementById('tel').className='tfocus'\" onBlur=\"javascript:document.getElementById('tel').className='showuser'\">
		    </small></td>
		  </tr>
		  <tr>
			<td><div align='right'><small>fax :
			  <input name='fax' type='text' id='fax' value='$arr[fax]' size='20' class='showuser' onFocus=\"javascript:document.getElementById('fax').className='tfocus'\" onBlur=\"javascript:document.getElementById('fax').className='showuser'\">
		    </small></div></td>
		  <td colspan='2'><div style='padding-left:10px;'><small>อีเมลล์ :
		    <input name='email' type='text' id='email' value='$arr[username]' size='20' class='showuser' onChange=\"javascript:document.getElementById('username').value=document.getElementById('email').value;\" onFocus=\"javascript:document.getElementById('email').className='tfocus'\" onBlur=\"javascript:document.getElementById('email').className='showuser'\">
@ttt.co.th</small></div></td>
	      </tr>
		  <tr>
			<td><div align='right'><small>จังหวัด :
			  <input name='pnthai' type='text' id='pnthai' value='$arr[pnthai]' size='20' class='showuser' onFocus=\"javascript:document.getElementById('pnthai').className='tfocus'\" onBlur=\"javascript:document.getElementById('pnthai').className='showuser'\">
		    </small></div></td>
		  <td colspan='2'><div style='padding-left:10px;'><small>unit_code :             
		        <input name='unit_code' type='text' id='unit_code' value='$arr[unit_code]' size='20' onFocus=\"javascript:document.getElementById('unit_code').className='tfocus'\" onBlur=\"javascript:document.getElementById('unit_code').className='showuser'\">
</small></div></td>
	      </tr>
		  <tr>
			<td ><div align='right' style='padding-right:10px'><small>เปลี่ยนรหัสผ่าน </small></div></td>
			<td colspan='2' ><small>
			  <input name='changepass' type='checkbox' id='changepass' value='onoff' onClick='javascript:changePassword();'>
</small></td>
		  </tr>
		  <tr>
			<td><div align='right' style='padding-right:10px'><small>รหัสผ่านเดิม</small></div></td>
		  <td colspan='2'><small>            
		    <input name='oldpass' type='text' id='oldpass' maxlength='10' value='$arr[password]' disabled='true' class='showuser' onFocus=\"javascript:document.getElementById('oldpass').className='tfocus'\" onBlur=\"javascript:document.getElementById('oldpass').className='showuser'\">
</small></td>
	      </tr>
		  <tr>
			<td><div align='right' style='padding-right:10px'><small>รหัสผ่านใหม่่</small></div></td>
			<td colspan='2'><small>              
			  <input name='pass1' type='password' id='pass1' maxlength='10' disabled='true' class='showuser' onFocus=\"javascript:document.getElementById('pass1').className='tfocus'\" onBlur=\"javascript:document.getElementById('pass1').className='showuser'\">
</small></td>
		  </tr>
		  <tr>
		    <td><div align='right'><small>รหัสผ่านใหม่อีกครั้ง</small></div></td>
  <td colspan='2'><small>
    <input name='pass2' type='password' id='pass2' maxlength='10' disabled='true' class='showuser' onFocus=\"javascript:document.getElementById('pass2').className='tfocus'\" onBlur=\"javascript:document.getElementById('pass2').className='showuser'\">
</small></td>
  </tr>
		  <tr>
			<td><div align='right' style='padding-right:10px'><small>ระดับผู้ใช้ 1: ผ้ใช้ทั่วไป 2: ผู้ดำเนินการ 3: ผู้อนุมัต ิ 4: ผู้ดูแลระบบ</small></div></td>
			<td colspan='2'><small>              
			  <input name='flag' type='text' id='flag' value='$arr[flag]' maxlength='1' class='showuser' onFocus=\"javascript:document.getElementById('flag').className='tfocus'\" onBlur=\"javascript:document.getElementById('flag').className='showuser'\">
</small></td>
		  </tr>
		  <tr>
			<td>&nbsp;</td>
			<td colspan='2'>		    <input name='uupdate' type='button' id='uupdate' value='ปรับปรุงข้อมูล' onClick=\"javascript:updateuserdb('$arr[username]');\" class='butsubmit'>
		    <input name='deluserdb' type='button' id='delusersb' value='ลบผู้ใช้นี้' onClick=\"javascript:if(confirm('คุณต้องการลบใช่/ไม่ ?'))deluserdb('$arr[username]');\" class='butsubmit'></td>
		  </tr>
</table>
<p><table border='0' cellspacing='0' cellpadding='0' style='border:0px dashed #666666;'>
		  <tr>
			<td colspan='2' height='40'><div align='center'><strong><small>รายละเอียดของผู้ใช้</small></strong></div></td>
		  </tr>
		  <tr>
			<td><div align='right'><small>ชื่อ - นามสกุล : 
			    <input name='name' type='text' id='name' value='$arr[name]' class='showuser' disabled='true'>
		    </small></div></td>
		  <td><div align='left' style='padding-left:10px;'><small>หน่วยงาน :
              <input name='office' type='text' id='office' value='$arr[office]' size='20' class='showuser' disabled='true'>
		  </small></div>		    </td>
	      </tr>
		  <tr>
			<td><div align='right'><small>อีเมลล์ : </small></div></td>
		  <td><div style='padding-left:10px;'><small > $arr[username]@ttt.co.th</small></div></td>
	      </tr>
		  <tr>
			<td><div align='right'><small>fax :
                  <input name='fax' type='text' id='fax' value='$arr[fax]' size='20' class='showuser' onFocus=\"javascript:document.getElementById('fax').className='tfocus'\" onBlur=\"javascript:document.getElementById('fax').className='showuser'\">
            : 
			    
		    </small></div></td>
		  <td><div style='padding-left:10px;'><small>โทรศัพท์ :
                <input name='tel' type='text' id='tel' value='$arr[tel]' size='20' class='showuser' onFocus=\"javascript:document.getElementById('tel').className='tfocus'\" onBlur=\"javascript:document.getElementById('tel').className='showuser'\">
		  </small></div></td>
	      </tr>
		  <tr>
			<td ><div align='right' style='padding-right:10px'><small>เปลี่ยนรหัสผ่าน </small></div></td>
			<td ><input name='changepass' type='checkbox' id='changepass' value='onoff' onClick='javascript:changePassword();'></td>
		  </tr>
		  <tr>
			<td><div align='right' style='padding-right:10px'><small>รหัสผ่านเดิม</small></div></td>
		  <td><small>
		    <input name='oldpass' type='password' id='oldpass' maxlength='10' disabled=true class='showuser' onFocus=\"javascript:document.getElementById('oldpass').className='tfocus'\" onBlur=\"javascript:document.getElementById('oldpass').className='showuser'\">
		  </small></td>
	      </tr>
		  <tr>
			<td><div align='right' style='padding-right:10px'><small>รหัสผ่านใหม่</small></div></td>
			<td><small>
			  <input name='pass1' type='password' id='pass1' maxlength='10' disabled=true class='showuser' onFocus=\"javascript:document.getElementById('pass1').className='tfocus'\" onBlur=\"javascript:document.getElementById('pass1').className='showuser'\">
			</small></td>
		  </tr>
		  <tr>
			<td><div align='right' style='padding-right:10px'><small>รหัสผ่านใหม่อีกครั้ง</small></div></td>
			<td><small>
			  <input name='pass2' type='password' id='pass2' maxlength='10' disabled=true class='showuser' onFocus=\"javascript:document.getElementById('pass2').className='tfocus'\" onBlur=\"javascript:document.getElementById('pass2').className='showuser'\">
			</small></td>
		  </tr>
		  <tr>
			<td>&nbsp;</td>
			<td><input name='uupdate' type='button' id='uupdate' value='ปรับปรุงข้อมูล' onClick=\"javascript:updateuser('$_SESSION[sess_user]','user');\" class='butsubmit'></td>
		  </tr>
	</table>
 </p>
<a href="#" class='butlink'> คลิกสิค่ะ </a>
